import { MainPage } from 'pages/MainPage'
import { NotFoundPage } from 'pages/NotFoundPage'
import HomeIcon from 'shared/assets/IoHome.svg'
import CompassIcon from 'shared/assets/IoCompass.svg'
import SearchIcon from 'shared/assets/IoSearch.svg'
import { ReactNode } from 'react'

export enum AppRoutes {
    MAIN = 'main',
    BY_RECS = 'recs',
    BY_SELF = 'self',
    PROFILE = 'profile',
    NOT_FOUND = 'notfound'
}

export const RoutePath: Record<AppRoutes, string> = {
    [AppRoutes.MAIN]: '/',
    [AppRoutes.BY_RECS]: '/recs',
    [AppRoutes.BY_SELF]: '/self',
    [AppRoutes.PROFILE]: '/profile',
    [AppRoutes.NOT_FOUND]: '*'
}

export const navLinks: Record<string, string> = {
    [RoutePath.main]: "Главная страница",
    [RoutePath.recs]: "Подобрать путешествие",
    [RoutePath.self]: "Спланировать самому"
}

export const navIcons: Record<string, ReactNode> = {
    [RoutePath.main]: <HomeIcon />,
    [RoutePath.recs]: <CompassIcon />,
    [RoutePath.self]: <SearchIcon />
}

export const routeConfig = [
    {
        path: RoutePath.main,
        element: <MainPage/>
    },
    {
        path: RoutePath.notfound,
        element: <NotFoundPage/>
    }
]
